<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<link rel="stylesheet" href="../css/mui.min.css">
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="../js/mobile-detect.min.js" ></script>
		<script type="text/javascript" src="../js/config.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript" src="../controll/forgot_pas.js" ></script>
	</head>
	<style>
		body {
			background-color: #FFF;
		}
		
		.code {
			padding: 10px 15px;
			padding-top: 80px;
			background-color: white;
			overflow: hidden;
		}
		.mui-input-group:after, .mui-input-group .mui-input-row:after, .mui-input-group:before, .mui-input-group .mui-input-row:before{
			height: 0;
		}
		.mui-btn-success{
			font-size: 16px;
		}
		.active{
			display: block !important;
		}
		.mui-input-row label{
			width: 40%;
		}
		.mui-input-row label~input{
			width: 60%;
		}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">找回密码</h1>
		</header>
		<div class="mui-content">
			<!--第一步-->
			<div class="code">
				<input type="text" class="phone" style="margin-bottom: 30px;" placeholder="请输入手机号码" />
				<div style="overflow: hidden;">
					<input type="text" class="code_input" style="width: 70%;float: left;" />
					<button type="button" class="mui-btn-warning yzm" style="width: 30%;float: right;padding: 10px 0;">验证码</button>
				</div>
			</div>
			<!--第二步-->
			<div class="code" style="padding-top: 0;">
				<form class="mui-input-group">
					<div class="mui-input-row" style="border: 1px solid rgba(0,0,0, .2);border-radius: 3px;">
						<input type="password" class="mui-input-password" placeholder="请输入新密码" data-sign = "新密码">
					</div>
					<div class="mui-input-row" style="border: 1px solid rgba(0,0,0, .2);border-radius: 3px;margin-top: 30px;">
						<input type="password" class="mui-input-password" placeholder="请确认密码" data-sign = "确认密码">
					</div>
				</form>
				<button type="button" class="mui-btn mui-btn-success complete" style="display: block;padding: 10px 50px;margin: 0 auto;margin-top: 50px;">完成</button>
			</div>
		</div>
	</body>

</html>